<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>添加员工</title>
		<link rel="stylesheet" href="../frame/layui/css/layui.css">
		<link rel="stylesheet" href="../frame/static/css/style.css">
		<link rel="stylesheet" href="../css/radiobutton/demo.css">
		<link rel="stylesheet" href="../css/radiobutton/pretty.min.css">
		<link rel="stylesheet" href="../css/radiobutton/department.css">
	</head>

	<body class="body">
		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
			<legend>添加员工</legend>
		</fieldset>

		<form action="/addStaff" id="staff" method="post">
			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">姓 名</label>
					<div class="layui-input-inline">
			 			<input type="text" name="staff_name" class="layui-input" />
					</div>
				</div>
			</div>

			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">性 别</label>
						<div class="pretty circle primary" style="margin-top: 10px;">
							<input type="radio" value="男" name="staff_sex" id="nan" checked="checked" >
							<label><i class="default"></i> 男</label>
						</div>&nbsp;&nbsp;&nbsp;
						<div class="pretty circle danger" style="margin-top: 10px;">
							<input type="radio" value="女" name="staff_sex" id="nv" >
							<label><i class="default"></i> 女</label>
						</div>
				</div>
			</div>

			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">部 门</label>
					<div class="layui-input-inline">
						<select onload="seleltDepartment()" id="staff_department" name="staff_department" class="layui-input">
		           		</select>
					</div>
				</div>
			</div>

			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">职 位</label>
					<div class="layui-input-inline">
						<select id="staff_position" name="staff_position" class="layui-input">
							<option value="">请选择部门</option>
				   		</select>
					</div>
				</div>
			</div>

			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">手 机 号</label>
					<div class="layui-input-inline">
			 			<input type="text" name="staff_cell_phone_number" class="layui-input" />
					</div>
				</div>
			</div>

			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">身份证号</label>
					<div class="layui-input-inline">
			 			<input type="text" name="staff_id_number" class="layui-input" />
					</div>
				</div>
			</div>

			<div class="layui-form-item">
				<div class="layui-input-block">
					<input type="submit" id="add_staff" lay-submit="" lay-filter="demo1" class="layui-btn" value="提交" title="请选择有职位的部门，否则无法添加"  disabled="disabled" />
					<button type="reset" value="Reset" class="layui-btn layui-btn-primary">重置</button>
				</div>
			</div>
		</form>
	</body>

	<script type="text/javascript" src="../js/close/jquery.min.js"></script>
	<script type="text/javascript" src="../js/close/judge.js"></script>
	<script type="text/javascript" src="../js/close/jquery-1.4.1.js"></script>
	<script type="text/javascript" src="../js/close/staffdropdownbox.js"></script>


</html>